<template>
    <div class="navbar">
        <router-link to="/" exact>首页</router-link>
        <router-link to="/film/in_theaters/list">电影</router-link>        
        <router-link to="/music">音乐盒</router-link>
        <a href="http://0524324.gitee.io/hilo/index_hilo.html">Hilo</a>
    </div>
</template>
<script>
    export default{

    }
</script>

<style>
    .navbar{
        height: .5rem;
        line-height:.5rem;
        background:#2c3e50;
        margin-bottom: .4rem;
    }
    .navbar  a{
        padding: .05rem .1rem;
        border:1px solid #fff;
        border-radius: 3px;
        font-size: .24rem;
        margin-left:.2rem;
    }
    .router-link-active{
        color:aqua;
    }
</style>

